/*
/* Version: 1.0.0
*/
/*-------- css code for responsive layout  --------*/

/*  To make Responsive
---------------------------------------------------------------------- /
*   1 - media screen and (max-width: 1199px)
*   2 - media screen and (max-width: 991px)
*   3 - media screen and (max-width: 767px)
*   4 - media screen and (max-width: 680px)
*   5 - media screen and (max-width: 480px)
*
---------------------------------------------------------------------- */
/*  1 - media screen and (max-width: 1199px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1199px) {
  .menu-right-part {
    top: 0;
    right: 0;
    float: right;
    position: relative;
  }
  .menuzord-brand {
    margin: 0px 30px 0 0;
  }
  .menuzord-menu {
    width: 100%;
    display: inline-block;
  }

  .footer-menu,
  .copyright {
    text-align: center;
  }
  .copyright-text {
    float: none;
  }
}
/*  1 - media screen and (max-width: 1199px) End
---------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
  .home a.menuzord-brand {
    margin: 18px 8px 18px 0;
  }
}

/*  2 - media screen and (max-width: 991px)
---------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
  /* for medium device */
  .big-sale-img {
    margin-top: 30px;
  }
  .list-single-item {
    margin-bottom: 0;
  }
  .content-img img {
    float: none;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .footer-menu ul li a {
    padding: 5px 15px;
  }
  .accordion-widget {
    padding-left: 0;
    margin-top: 30px;
  }
  .comtact-info-area {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .single-news {
    display: inline-block;
    margin-bottom: 30px;
  }
  .menuzord .showhide {
    width: 60px;
    height: 46px;
    padding: 13px 0 0;
    display: block !important;
    float: right;
    text-decoration: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
  }
  .menuzord-responsive .showhide {
    margin-right: 0;
    margin-top: 10px;
  }
  .menuzord .showhide em {
    width: 20px;
    height: 2px;
    float: right;
    background: #fff;
  }
  .home .menuzord .showhide em {
    background: #191a1f;
  }
  .menu-right-part {
    top: 20px;
  }
  a.account {
    display: none;
  }
  .menu-right-part .search-ecomm-menu-btn a {
    right: 40px;
  }
  .menuzord.red .menuzord-menu .active:after,
  .fleets-section .tab-wrap li.active:after {
    display: none;
  }
  .menuzord-responsive .menuzord-brand {
    margin: 15px 30px 10px 20px;
  }
  .menuzord.red .menuzord-menu ul.dropdown li a,
  .menuzord-menu > li > a {
    color: #000;
  }
  ul.menuzord-menu.menuzord-right.menuzord-indented.scrollable {
    top: 50px;
    z-index: 1;
    margin-top: 13px;
    position: absolute;
    background-color: #fff;
  }
  .menuzord.red .menuzord-menu > li.active > a,
  .menuzord.red .menuzord-menu > li:hover > a {
    color: #3768dc;
  }
  .home .menu-right-part .social-btn a,
  .home .menuzord .showhide em {
    color: #111272;
  }
  .home .menuzord.sticky .menu-right-part {
    top: 17px;
  }
  .banner-text h2 {
    font-size: 46px;
  }
  .serve-section .section-head p {
    margin-top: 30px;
    max-width: none;
    text-align: left;
  }
  .car-details .feature-lsit ul {
    width: 100%;
  }
  .single-news {
    display: block;
    margin-bottom: 30px;
    text-align: center;
  }
  .single-news img {
    margin-left: auto;
    margin-right: auto;
  }
  .responsive-device-menu {
    height: auto;
    left: 0;
    width: 100%;
    margin-left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647;
  }
  .responsive-device-menu .menuzord {
    padding: 5px 0 12px 0;
    margin-left: 0;
  }
  .home-dark .menuzord {
    padding-left: 0;
  }
  ul.menuzord-menu.menuzord-right.menuzord-indented.scrollable {
    top: 80px;
    right: 0;
  }
  .big-sale .section-head p {
    width: 100%;
  }
  .big-sale .section-head p {
    width: 100%;
  }
  #fleets {
    padding-bottom: 0;
  }
}
/*  2 - media screen and (max-width: 991px) End
---------------------------------------------------------------------- */

/*  3 - media screen and (max-width: 767px)
---------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  /*For Mobile Device*/
  .quote-info a {
    color: #fff;
    font-size: 12px;
    line-height: 10px;
    margin-top: 10px;
    text-transform: uppercase;
  }

  .quote-info p {
    font-size: 24px;
    font-style: italic;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top: 45px;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }
}
/*  3 - media screen and (max-width: 767px) End
---------------------------------------------------------------------- */

/*  4 - media screen and (max-width: 680px)
---------------------------------------------------------------------- */
@media screen and (max-width: 680px) {
  .home .menu-right-part {
    display: none;
  }
  .banner-section .banner-text {
    padding: 200px 50px 150px;
  }
  .banner-text h3 {
    font-size: 30px;
    margin: 0;
  }
  .banner-text h2 {
    font-size: 30px;
    margin: 0;
  }
  .header .social-btn,
  .header .phone,
  .header .mail {
    display: none;
  }
}
/*  4 - media screen and (max-width: 680px) End
---------------------------------------------------------------------- */

/*  5 - media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
  .name-price span.price,
  .name-price .name {
    float: none;
    display: block;
  }
  .name-price .name {
    margin-bottom: 10px;
  }
  .page-container-404 h1 {
    font-size: 48px;
  }
  .page-container-404 h2 {
    font-size: 36px;
  }
  .menu-right-part {
    display: none;
  }
  .banner-section .banner-text {
    padding-top: 100px;
    padding-bottom: 50px;
    text-align: center;
  }
  .home .slider-section {
    padding: 0 !important;
  }
  .tp-banner a.custom-btn {
    font-family: "Oswald", sans-serif !important;
    font-size: 10px !important;
    padding: 12px 32px !important;
  }
  .section-head h2 {
    color: #111217;
    font-size: 25px;
  }
}
/*  5 - media screen and (max-width: 360px) End
---------------------------------------------------------------------- */
@media screen and (max-width: 360px) {
  .banner-section .banner-text {
    padding: 40px 50px 0px;
  }
  .banner-text h3 {
    font-size: 25px;
    margin: 0;
  }
  .banner-text h2 {
    font-size: 25px;
    margin: 0;
  }
  .tparrows {
    display: none !important;
  }
}